﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>小图世界-首页</title>
<link rel="icon" href="../image/pics_2.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../image/pics_2.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="../css/slide.css"
	media="screen" />
<link rel="stylesheet" type="text/css" href="../css/page.css"
	media="screen" />
<script type="text/javascript" src="../js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../js/slide.js"></script>
<script type="text/javascript" src="../js/jquery.timer.js"></script>

<script type="text/javascript">
	var preIndex = 1;
	var nextIndex = 2;
	$(document).ready(function() {
		//每1秒执行
		$('body').everyTime('5s', function() {
			switchIcon();
		});
	});

	function switchIcon() {
		$('#switch' + preIndex).attr('src', '../image/2.png');
		$('#switch' + nextIndex).attr('src', '../image/1.png');
		$('#headCase').attr('src', '../image/head_case00' + nextIndex + ".jpg");

		if (nextIndex == 4) {
			nextIndex = 1;
			preIndex = 4;
		} else {
			if (preIndex == 4) {
				preIndex = 1;
			} else {
				preIndex++;
			}
			nextIndex++;
		}
	}
</script>

</head>
<body id="main_body">

	<!-- Panel -->
	<div id="toppanel">
		<div id="panel">
			<div class="content clearfix">
				<div class="left">
					<h1>付款方式</h1>
				</div>

				<div class="left">
					<h1>条款申明</h1>
				</div>
				<div class="left right">
					<h1>&nbsp;</h1>
				</div>

			</div>
		</div>
		<!-- /login -->
		<!-- The tab on top -->
		<div class="tab">
			<ul class="pay-rule">
				<li class="left">&nbsp;</li>
				<li>您好!</li>
				<li class="sep">|</li>
				<li id="toggle"><a id="open" class="open" href="#">付款方式 |
						条款申明</a> <a id="close" style="display: none;" class="close" href="#">关闭</a>
				</li>
				<li class="right">&nbsp;</li>
			</ul>
		</div>
		<!-- / top -->
	</div>
	<!--panel -->

	<div class="container">
		<div class="head_div001">
			<table style="width: 980px; height: 100%;" cellspacing="0">
				<tr>
					<td height="74"><img src="../image/site_logo.gif" border="0"
						style="vertical-align: middle; margin-left: 20px;" />
					</td>
				</tr>
				<tr>
					<td>
						<div style="width: 570px; float: left">
							<div style="height: 45px;">&nbsp;</div>
							<table cellspacing="0"
								style="width: 570px; height: 122px; margin-left: 20px;">
								<tr>
									<td width="190" height="27"
										style="border-right: 1px dashed #666; font-size: 14px; font-weight: bold;">上传</td>
									<td width="190"
										style="border-right: 1px dashed #666; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold;">发现</td>
									<td width="190"
										style="padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: bold;">分享</td>
								</tr>
								<tr>
									<td valign="top"
										style="border-right: 1px dashed #666; font-size: 14px; padding-right: 10px;">透過不同方法，將你的相片上
										載到 小图世界。 方法包括：網頁、移動裝置、 電郵或你最愛的相片處理應用 程式。</td>
									<td valign="top"
										style="border-right: 1px dashed #666; font-size: 14px; padding-left: 10px; padding-right: 10px;">透過回應和備註，與你的朋友保
										持聯絡並分享你的故事，兼可加 入豐富的資訊，例如標籤、位置 和人物。</td>
									<td valign="top"
										style="padding-left: 10px; padding-right: 10px; font-size: 14px">將你的相片上載到
										小图世界一次， 便可透過 Facebook、Twitter、電郵、 Blog 等輕鬆安全地分享這些相片。</td>

								</tr>
							</table>
						</div>
						<div style="width: 40px; float: left">&nbsp;</div>
						<div style="width: 351px; float: left;">
							<div style="height: 22px; margin-top: 4px;">
								<img src="../image/1.png" alt="" width="18" height="20"
									id="switch1" />&nbsp;<img src="../image/2.png" alt=""
									width="18" height="20" id="switch2" />&nbsp;<img
									src="../image/2.png" alt="" width="18" height="20" id="switch3" />&nbsp;<img
									src="../image/2.png" alt="" width="18" height="20" id="switch4" />&nbsp;
							</div>
							<div style="width: 351px; height: 132px;">
								<img src="../image/head_case001.jpg" width="351" height="132"
									border="0" id="headCase" />
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td height="36"><table cellspacing="0"
							style="height: 20px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-left: 20px">
							<tr>
								<td style="float: left; color: #15ADFF">首页</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='record.html'">微图记录</label></td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='shadow.html'">画影赏析</label></td>
								<td style="float: left; width: 90px;; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='entertainment.html'">漫游天下</label>
								</td>
								<td style="float: left; width: 90px; text-align: center">|</td>
								<td style="float: left;"><label style="cursor: pointer;"
									onclick="window.location.href='space.html'">我的空间</label></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>

		</div>

		<div class="main_div001">
			<div style="height: 100%; border-bottom: 2px solid #666;">
				<table width="900" cellspacing="0"
					style="margin-top: 10px; height: 100%">
					<tr>
						<td style="text-align: center"><img
							src="../image/cas_pic001.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic002.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic003.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic004.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic005.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic006.gif" />
						</td>
					</tr>
				</table>
				<table cellspacing="0"
					style="width: 980px; height: 40px; font-size: 12px; color: #00F">
					<tr>
						<td width="75" style="border-right: 2px solid #666;">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="bottom">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="bottom">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="bottom">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="bottom">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="bottom">&nbsp;</td>
						<td width="150">&nbsp;</td>
					</tr>
				</table>
			</div>
			<div style="height: 100%;">
				<table cellspacing="0"
					style="width: 980px; height: 40px; font-size: 12px; color: #00F">
					<tr>
						<td width="150"
							style="border-right: 2px solid #666; text-align: center"
							valign="top">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="top">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="top">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="top">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="top">&nbsp;</td>
						<td style="border-right: 2px solid #666; text-align: center"
							valign="top">&nbsp;</td>
						<td width="75">&nbsp;</td>
					</tr>
				</table>
				<table width="900" cellspacing="0"
					style="margin-left: 75px; margin-bottom: 10px; height: 100%">
					<tr>
						<td style="text-align: center"><img
							src="../image/cas_pic007.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic008.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic009.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic0010.gif" />;</td>
						<td style="text-align: center"><img
							src="../image/cas_pic0011.gif" />
						</td>
						<td style="text-align: center"><img
							src="../image/cas_pic0012.gif" />
						</td>
					</tr>
				</table>
			</div>
		</div>



		<div class="foot_div001" style="padding-top: 5px;">
			<div style="width: 400px; float: left;">&nbsp;&nbsp;Copy@Right&nbsp;&nbsp;2012&nbsp;&nbsp;兔兔虎工作室</div>
			<div style="text-align: right; width: 580px; float: left">
				<a href="#">关于我们</a> | <a href="#">隐私政策</a> | <a href="#">服务条款</a> |<a
					href="#"> 联系我们</a>&nbsp;&nbsp;
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
</body>
</html>